<%-- 
    Document   : prueba2
    Created on : 06-feb-2014, 19:41:26
    Author     : Daniel
--%>


<%@page import="java.util.List"%>
<%@page import="Clases.Socios"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

<%      HttpSession miSesion = request.getSession();
        HttpSession miSesion1 = request.getSession();
        List<Socios> socio = (List<Socios>) miSesion1.getAttribute("listaSocios"); 
%>

<html>
<head>
 <meta charset="utf-8">
 <title>Modificar Socio</title>
	<link rel=StyleSheet href="styles.css" type="text/css" media="all"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">
function validarForm(form){
               
 		if ((form.nombre.value=="")||form.nombre.value.lenght==0){
			alert ("Debe ingresar el nombre del socio");
			form.nombre.focus();
			return false;
		}    
                
		if ((form.apellido.value=="")||form.apellido.value.lenght==0){
			alert ("Debe ingresar su apellido del socio");
			form.apellido.focus();
			return false;
		}
                
		if ((form.fechanac.value=="")||form.fechanac.value.lenght==0){
			alert ("Debe ingresar la fecha de nacimiento del socio");
			form.fechanac.focus();
			return false;
		}
                
                
 		if ((form.dni.value=="")||form.dni.value.lenght==0){
			alert ("Debe ingresar el nro de documento del socio");
			form.dni.focus();
			return false;
		}

                if (isNaN(form.dni.value)){
		    alert ("Debe ingresar un número de documento válido. Debe contener solo caracteres numéricos");                    
                    form.dni.focus();
                    return false;
                   }

                if((form.dni.value.length<7)||(form.dni.value.length>9)){                   
                    alert ("Debe ingresar un número documento válido cuyo tamaño debe ser de 7 / 8 cifras.");                    
                    form.dni.focus();
                    return false;                    
                   }
 
 
                
                if ((form.calle.value=="")||form.calle.value.lenght==0){
			alert ("Debe ingresar la Calle de la dirección en que reside");
			form.calle.focus();
			return false;
		}
                
  	 	if ((form.nro.value=="")||form.nro.value.lenght==0){
			alert ("Debe ingresar la altura la calle en que reside o en su defecto S/N");
			form.nro.focus();
			return false;
		}
                
                if (form.nro.value.toUpperCase()!="S/N") {
                 if (isNaN(form.nro.value)){
		    alert ("Debe ingresar una altuara válido. Debe contener solo caracteres numéricos o en su defecto S/N.");                    
                    form.nro.focus();
                    return false;
                 }
                }
                
 		if ((form.localidad.value=="")||form.localidad.value.lenght==0){
			alert ("Debe ingresar la localidad en la que reside");
			form.localidad.focus();
			return false;
		}
                
 		if ((form.provincia.value=="")||form.provincia.value.lenght==0){
			alert ("Debe ingresar la provincia en la que reside.");
			form.provincia.focus();
			return false;
		}
                
		if ((form.pais.value=="")||form.pais.value.lenght==0){
			alert ("Debe ingresar el pais de residencia.");
			form.pais.focus();
			return false;
		}                  

		if ((form.codpostal.value=="")||form.codpostal.value.lenght==0){
			alert ("Debe ingresar el código postal de residencia.");
			form.codpostal.focus();
			return false;
		} 
                
               if ((form.telpart.value!="")||form.telpart.value.lenght>0){
                if (isNaN(form.telpart.value)){
		    alert ("Debe ingresar un número telefónico válido. Debe contener solo caracteres numéricos");                    
                    form.telpart.focus();
                    return false;
                   }
               }  
                   
               if ((form.telcel.value!="")||form.telcel.value.lenght>0){                   
                if (isNaN(form.telcel.value)){
		    alert ("Debe ingresar un número de celular válido. Debe contener solo caracteres numéricos");                    
                    form.telcel.focus();
                    return false;
                   }
               }

                if ((form.email.value!="")||form.email.value.lenght!=0){
                        valor = validarEmail(form.email.value);
                        if (valor = false){
                        alert ("Debe ingresar un email válido");
			form.email.focus();			
                        return false;
                        } 
		}
                
               if ((form.pass.value!="")||form.pass.value.lenght>0){
                if((form.pass.value.length<3)||(form.pass.value.length>10)){                   
                    alert ("Su contraseña debe contener como mínimo 3 caracteres y como máximo 10.");                    
                    form.pass.focus();
                    return false;                    
                   }  
               }
               
		form.submit();
	 }
         
function validarEmail(value){ 
    var ExpRegular = /(\w+)(\.?)(\w*)(\@{1})(\w+)(\.?)(\w*)(\.{1})(\w{2,3})/;
     if(ExpRegular.test(value)) { 
        return true; 
    }else{ 
        return false; 
    }
}  
</script> 

</head>
<form  action="ServletModificarSocio"  method="post" name="Modifica" id="Modifica" onSubmit="validarForm(this); return false;">> 

<div id="container">
          <div id="container1">
              <div style="width: 130px; display: inline-block">
                <img src="Imagenes\escudo.JPG" Style="text-decoration:underline; width: 120px; height: 80px; border: 0px; padding: 0px; margin-left: 7px" alt="" />                  
              </div>
              <div style="width: 1110px; height: 100%; display: inline-block; overflow: hidden">
                <h3>Sistema de Gestion Centro Naval</h3>
                <h4>Atención al Socio</h4>
              </div>
          </div>            
          <div id="container2" style="display: inline-block;">
<div id="wrapper" class="body1" >
	<ul class="menu">
		<li ><a href="#">Gestión de Socios</a>
			<ul>
				<li ><a href="AltaSocio.jsp#tab1">Alta Socios</a></li>
				<li ><a href="ConsultaSocio.jsp#tab1">Consulta Socios</a></li>
				<li ><a href="#">Baja Socios</a></li>
			</ul>
		</li>
		<li ><a href="#">Videos </a>
			<ul>
				<li ><a href="#">Cute Kittens </a></li>
				<li ><a href="#">Strange â€œStuffâ€ </a></li>
				<li ><a href="#">Automatic Fails </a></li>
			</ul>
		</li>
		<li ><a href="#">Galleries </a>
			<ul>
				<li ><a href="#">Cute Kittens </a></li>
				<li ><a href="#">Strange â€œStuffâ€</a></li>
				<li class="subitem3"><a href="#">Automatic Fails </a></li>
			</ul>
		</li>
		<li class="item4"><a href="#">Podcasts</a>
			<ul>
				<li class="subitem1"><a href="#">Cute Kittens</a></li>
				<li class="subitem2"><a href="#">Strange â€œStuffâ€</a></li>
				<li class="subitem3"><a href="#">Automatic Fails</a></li>
			</ul>
		</li>
		<li class="item5"><a href="#">Robots</a>
			<ul>
				<li class="subitem1"><a href="#">Cute Kittens</a></li>
				<li class="subitem2"><a href="#">Strange â€œStuffâ€</a></li>
				<li class="subitem3"><a href="#">Automatic Fails</a></li>
			</ul>
		</li>
	</ul>

</div>
</div>
<div id="container3" style="display: inline-block">
<article class="tabs">

<section id="tab1">
       
<h2><a href="#tab1">Datos Socio</a></h2> 
    <div id="titulo2">Datos Personales</div>
    
<div style="display: inline-block; width: 19%">
    <label class="eti_fondo" for="categoria">* Cat. Socio: </label>
    <SELECT style="display: inline-box; width: 80px"  name="categoria" id="categoria" >
        <option value="<%= socio.get(0).getCategoria() %>" selected=""><%= socio.get(0).getCategoria() %></option>
       <OPTION value="1">Titular</option>
       <OPTION value="2">Familiar</option>
       <OPTION value="3">Adherente</option>
    </SELECT>
</div>
 <div class="sep">
    <div style="display: inline-block; width: 31%"><label class="eti_fondo" for="nombre">* Nombre: </label>
        <input style="display: inline-box;" name="nombre" type="text" id="nombre" size="29" value="<%= socio.get(0).getNombre() %>"/></div>

    <div style="display: inline-block; width: 33%"><label class="eti_fondo" for="apellido">* Apellido: </label>
        <input style="display: inline-box;" name="apellido" type="text"  id="apellido" size="31" value="<%= socio.get(0).getApellido() %>"/></div>

    <div style="display: inline-block; width: 29%"><label class="eti_fondo" for="fechanac">* Fecha Nac: </label>
        <input style="display: inline-box; "type="date" name="fechanac" id="fechanac" size="8" value="<%= socio.get(0).getFechaNac() %>"/></div>
 </div> 
<div class="sep" style="width: 100%">
<div style="display: inline-block; width: 18%">
    <label class="eti_fondo" for="tipodoc">* Tipo Doc: </label>
    <SELECT style="display: inline-box; width: 80px"  name="tipodoc" id="tipodoc" >
        <option value="<%= socio.get(0).getTipo_Doc() %>" selected=""><%= socio.get(0).getTipo_Doc() %></option>
       <OPTION value="1">DNI</option>
       <OPTION value="2">CI</option>
       <OPTION value="3">LE</option>
       <OPTION value="4">LC</option>
       <OPTION value="5">Pasaporte</option>                        
    </SELECT>
</div>
    <div style="display: inline-block; width: 23%">
        <label class="eti_fondo" for="dni">* Nro. Doc: </label>
        <input style="display: inline-box; maxlenght:8" name="dni" type="text" id="dni" size="10" value="<%= socio.get(0).getDoc() %>"/>
    </div>    
    <div style="display: inline-block; width: 21%">
        <label class="eti_fondo" for="grupo">* Grupo Sang: </label>
        <SELECT style="display: inline-box; width: 80px"  name="grupo" id="grupo" >
            <option value="<%= socio.get(0).getGrupo() %>" selected=""><%= socio.get(0).getGrupo() %></option>
            <OPTION value="1">A</option>
            <OPTION value="2">B</option>
            <OPTION value="3">AB</option>
            <OPTION value="4">0</option>                 
        </SELECT>
    </div>
    <div style="display: inline-block; width: 18%">
        <label class="eti_fondo" for="factor">* Factor: </label>
        <SELECT style="display: inline-box; width: 80px"   name="factor" id="factor">
            <option value="<%= socio.get(0).getFactor() %>" selected=""><%= socio.get(0).getFactor() %></option>
            <OPTION value="1">+</option>
            <OPTION value="2">-</option>
        </SELECT>
    </div>    

    <div style="display: inline-block; width: 17%">
        <label class="eti_fondo" for="sexo">* Sexo: </label>
        <SELECT style="display: inline-box; width: 80px"  name="sexo" id="sexo" >
            <option value="<%= socio.get(0).getSexo() %>" selected=""><%= socio.get(0).getSexo() %></option>
            <OPTION value="1">M</option>
            <OPTION value="2">F</option>            
        </SELECT>
    </div>    
</div>    

<div id="titulo1">Dirección</div>    
<div class="sep">
    <div style="display: inline-block; width: 350px"><label class="eti_fondo" for="calle">* Calle: </label>
        <input style="display: inline-box;" name="calle" type="text" id="calle" size="40" value="<%= socio.get(0).getDireccion() %>"/></div>

    <div style="display: inline-block; width: 160px"><label class="eti_fondo" for="nro">* Nro: </label>
        <input style="display: inline-box;" name="nro" type="text"  id="nro" size="5" value="<%= socio.get(0).getNro() %>"/></div>

    <div style="display: inline-block; width: 140px"><label class="eti_fondo" for="piso">Piso: </label>
        <input style="display: inline-box;" name="piso" type="text"  id="piso" size="2" value="<%= socio.get(0).getPiso() %>"/></div>
    
    <div style="display: inline-block; width: 140px"><label class="eti_fondo" for="depto">Dpto: </label>
        <input style="display: inline-box;" name="depto" type="text"  id="depto" size="2" value="<%= socio.get(0).getDpto() %>"/></div>    
</div>

 <div class="sep">
    <div style="display: inline-block; width: 33%"><label class="eti_fondo" for="localidad">* Localidad: </label>
        <input style="display: inline-box;" name="localidad" type="text" id="localidad" size="20" value="<%= socio.get(0).getLocalidad() %>"/></div>

    <div style="display: inline-block; width: 33%"><label class="eti_fondo" for="provincia">* Provincia: </label>
        <input style="display: inline-box;" name="provincia" type="text"  id="provincia" size="25" value="<%= socio.get(0).getProvincia() %>"/></div>

    <div style="display: inline-block; width: 33%"><label class="eti_fondo" for="pais">* País: </label>
        <input style="display: inline-box;" name="pais" type="text"  id="pais" size="25" value="<%= socio.get(0).getPais() %>"/></div>
</div> 
    
 <div class="sep">
    <div style="display: inline-block; width: 28%"><label class="eti_fondo" for="codpostal">* Cod. Postal: </label>
        <input style="display: inline-box;" name="codpostal" type="text"  id="codpostal" size="10" value="<%= socio.get(0).getCP() %>"/></div>    

    <div style="display: inline-block; width: 35%"><label class="eti_fondo" for="telpart">Tel. Part.: </label>
        <input style="display: inline-box;" name="telpart" type="text"  id="telpart" size="17" value="<%= socio.get(0).getTelPar() %>"/></div>

    <div style="display: inline-block; width: 35%"><label class="eti_fondo" for="telcel">Tel. Cel.: </label>
        <input style="display: inline-box;" name="telcel" type="text"  id="telcel" size="17" value="<%= socio.get(0).getTelCel() %>"/></div>
</div>  

<div id="titulo1">Datos Web</div> 
 <div class="sep">
    <div style="display: inline-block; width: 100%"><label class="eti_fondo" for="email">E-mail: </label>
        <input style="display: inline-box;" name="email" type="text"  id="email" size="30" value="<%= socio.get(0).getEmail() %>"/></div>    
 </div>
 <div class="sep" style="margin-bottom: 2px">    
    <div style="display: inline-block; width: 50%"><label class="eti_fondo" for="usuario">Nombre Usuario: </label>
        <input style="display: inline-box;" name="usuario" type="text"  id="usuario" size="17" value="<%= socio.get(0).getUsuario() %>"/></div>

    <div style="display: inline-block; width: 48%"><label class="eti_fondo" for="clave">Contraseña: </label>
        <input style="display: inline-box;" name="clave" type="text"  id="clave" size="17" value="<%= socio.get(0).getClave() %>"/></div>
</div> 
<div style="margin-top: 0px; margin-left: 10px">
    <div style="display: inline-block; width: 85%"><h5>* Campos obligatorios.</h5></div>
    <div style="display: inline-block; width: 14%"><input type="submit" class="button" name="grabar" value="Grabar" ></div>        
</div>


	</section>
	
	<section id="tab2">
		<h2><a href="#tab2">Tab 2</a></h2>
		<p>This content appears on tab 2.</p>
		<p>Fusce ullamcorper orci vel turpis vestibulum eu congue nisl euismod. Maecenas euismod, orci non tempus fermentum, leo metus lacinia lacus, nec ultrices quam ligula ac leo. Quisque tortor neque, vulputate quis ultricies ut, rhoncus mollis metus.</p>
		<%--<p class="tabnav"><a href="#tab3">next &#10151;</a></p>--%>
	</section>
	
	<section id="tab3">
		<h2><a href="#tab3">Tab 3</a></h2>
		<%--<p>This content appears on tab 3.</p>
		<p>Sed et diam eu ipsum scelerisque laoreet quis in nibh. Proin sodales augue lectus. Maecenas a lorem a mi congue pharetra. Sed sed risus in nisi venenatis condimentum. Donec ac consectetur arcu. Integer urna neque, rutrum at pretium eu.</p>
		<p class="tabnav"><a href="#tab1">next &#10151;</a></p>--%>
	</section>

</article>  
</div> 
</div>    

<!--initiate accordion-->
<script type="text/javascript">
	$(function() {
	
	    var menu_ul = $('.menu > li > ul'),
	           menu_a  = $('.menu > li > a');
	    
	    menu_ul.hide();
	
	    menu_a.click(function(e) {
	        e.preventDefault();
	        if(!$(this).hasClass('active')) {
	            menu_a.removeClass('active');
	            menu_ul.filter(':visible').slideUp('normal');
	            $(this).addClass('active').next().stop(true,true).slideDown('normal');
	        } else {
	            $(this).removeClass('active');
	            $(this).next().stop(true,true).slideUp('normal');
	        }
	    });
	
	});
</script>

</form>
</html>